<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"><![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"><![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->
    <head>
        <title>Isatech Indonesia - IT Consulting and Software Development</title>
        
        <meta name="viewport" content="width=100%; initial-scale=1; maximum-scale=1; minimum-scale=1; user-scalable=no;" />
        <link rel="shortcut icon" href="images/logo.ico" />
        <!-- CSS -->
        <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        <link rel="stylesheet" type="text/css" href="css/prettyPhoto.css" />
        <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
        <!--[if IE 7]>
        <link rel="stylesheet" type="text/css" href="css/font-awesome-ie7.min.css"/>
        <![endif]-->
        
        <!-- JAVASCRIPT -->
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/bootstrap.min.js"></script>
        <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
        <script type="text/javascript" src="js/jquery.flexslider.js"></script>
        <script type="text/javascript" src="js/main.js"></script>

        <link rel="stylesheet" type="text/css" href="css/layerslider.css" />
        <script type="text/javascript" src="js/layerslider.kreaturamedia.jquery.js"></script>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
    <body>
        <!-- start: Top Menu -->
        <div class="navbar navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a class="brand" href="#"><img src="images/logo.png"/></a>
                    <div class="nav-collapse collapse">
                        <ul class="nav pull-right">
                            <li class="active"><a href="./index.html">Home</a></li>
                            <li><a href="./about.html">About</a></li>
                            <li><a href="./services.html">Services</a></li>
                              
                            <li><a href="./contact.html">Contacts</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- end: Top Menu -->
        <!-- start: Container -->
        <div class="container">
            <div class="row">
                <!-- start: Page section -->
                <section id="page-sidebar" class="span12">
                    <div class="page-inner" style="padding-top:0px;margin-top:-20px">
                        <div class="row-fluid">
                            <!-- start: Slider -->
                            <section class="slider" class="hidden-phone">
                                <div class="layerslider-container">
                                    <div id="layerslider" style="width: 960px; height: 330px;">
                                        <div class="ls-layer slide1">
                                            <img src="example/layerslider/slider-a2.jpg" class="ls-bg" />
                                            <!--<img src="example/layerslider/tn_1_2.jpg" class="ls-tn">-->
                                            <img class="ls-s2" src="images/responz-responsive-image.jpg" style="
                                                 top: 35px;
                                                 left: 550px;
                                                 delayin: 0;
                                                 durationin: 5000;
                                                 slidedirection: left;
                                                 easingin: easeOutQuart;
                                                 delayout: 0;
                                                 durationout: 1500;
                                                 slideoutdirection: right;
                                                 easingout: easeInOutQuint;
                                                 "/>
                                            <h2 class="ls-s4 ls-head" style="
                                                top: 70px;
                                                left: 70px;
                                                delayin : 400;
                                                durationin : 1500;
                                                slidedirection: right;
                                                easingin : easeOutQuart;
                                                delayout: 0;
                                                durationout : 1500;
                                                slideoutdirection: left;
                                                easingout : easeInOutQuint;
                                                ">Your future with us</h2>
                                            <h3 class="ls-s4 ls-label" style="
                                                top: 120px;
                                                left: 70px;
                                                delayin: 800;
                                                durationin : 1500;
                                                slidedirection: right;
                                                easingin : easeOutQuart;
                                                delayout: 0;
                                                durationout : 1500;
                                                slideoutdirection: left;
                                                easingout : easeInOutQuint;
                                                ">IT Consulting and Software Development</h3>
                                            <p class="ls-s4 ls-sublabel" style="
                                               top: 165px;
                                               left: 70px;
                                               delayin: 1000;
                                               durationin : 1500;
                                               slidedirection: right;
                                               easingin : easeOutQuart;
                                               delayout: 0;
                                               durationout : 1500;
                                               slideoutdirection: left;
                                               easingout : easeInOutQuint;
                                               ">&#10003 Web Development</p>
                                            <p class="ls-s4 ls-sublabel" style="
                                               top: 190px;
                                               left: 70px;
                                               delayin: 1200;
                                               durationin : 1500;
                                               slidedirection: right;
                                               easingin : easeOutQuart;
                                               delayout: 0;
                                               durationout : 1500;
                                               slideoutdirection: left;
                                               easingout : easeInOutQuint;
                                               ">&#10003 Mobile Development</p>
                                            <p class="ls-s4 ls-sublabel" style="
                                               top: 215px;
                                               left: 70px;
                                               delayin: 1400;
                                               durationin : 1500;
                                               slidedirection: right;
                                               easingin : easeOutQuart;
                                               delayout: 0;
                                               durationout : 1500;
                                               slideoutdirection: left;
                                               easingout : easeInOutQuint;
                                               ">&#10003 Desktop Development</p>

                                            <p class="ls-s4 ls-sublabel" style="
                                               top: 240px;
                                               left: 70px;
                                               delayin: 1600;
                                               durationin : 1500;
                                               slidedirection: right;
                                               easingin : easeOutQuart;
                                               delayout: 0;
                                               durationout : 1500;
                                               slideoutdirection: left;
                                               easingout : easeInOutQuint;
                                               ">&#10003 Networking</p>
                                            <p class="ls-s4 ls-sublabel" />
                                        </div>
                                        <div class="ls-layer slide2">
                                            <img src="example/layerslider/slider-a1.jpg" class="ls-bg" />
                                            <!--<img src="example/layerslider/tn_1_1.jpg" class="ls-tn">-->
                                            <img class="ls-s1" src="example/layerslider/cl-1.png" style="
                                                 top: 20px;
                                                 left: 50px;
                                                 delayin: 0;
                                                 durationin: 12000;
                                                 slidedirection: right;
                                                 easingin: easeOutQuart;
                                                 delayout: 0;
                                                 durationout: 1500;
                                                 slideoutdirection: left;
                                                 easingout: easeInOutQuint;
                                                 " />
                                            <img class="ls-s2" src="example/layerslider/l13.png" style="
                                                 top: 20px;
                                                 left: 570px;
                                                 delayin: 0;
                                                 durationin: 5000;
                                                 slidedirection: left;
                                                 easingin: easeOutQuart;
                                                 delayout: 0;
                                                 durationout: 1500;
                                                 slideoutdirection: right;
                                                 easingout: easeInOutQuint;
                                                 " />
                                            <img class="ls-s3" src="example/layerslider/cl-2.png" style="
                                                 top: 0px;
                                                 left: -250px;
                                                 delayin : 0;
                                                 durationin : 10000;
                                                 slidedirection: right;
                                                 easingin : easeOutQuart;
                                                 delayout: 0;
                                                 durationout : 1500;
                                                 slideoutdirection: left;
                                                 easingout : easeInOutQuint;
                                                 " />

                                            <h2 class="ls-s4 ls-head" style="
                                                top: 70px;
                                                left: 70px;
                                                delayin : 400;
                                                durationin : 1500;
                                                slidedirection: right;
                                                easingin : easeOutQuart;
                                                delayout: 0;
                                                durationout : 1500;
                                                slideoutdirection: left;
                                                easingout : easeInOutQuint;
                                                ">Yes We Are</h2>
                                            <p class="ls-s4 ls-sublabel" style="
                                               top: 140px;
                                               left: 70px;
                                               delayin: 800;
                                               durationin : 1500;
                                               slidedirection: right;
                                               easingin : easeOutQuart;
                                               delayout: 0;
                                               durationout : 1500;
                                               slideoutdirection: left;
                                               easingout : easeInOutQuint;
                                               ">We only supply the very best products</p>
                                            <p class="ls-s4 ls-sublabel" style="
                                               top: 165px;
                                               left: 70px;
                                               delayin: 1000;
                                               durationin : 1500;
                                               slidedirection: right;
                                               easingin : easeOutQuart;
                                               delayout: 0;
                                               durationout : 1500;
                                               slideoutdirection: left;
                                               easingout : easeInOutQuint;
                                               ">Our employers are all highly trained</p>
                                            <p class="ls-s4 ls-sublabel" style="
                                               top: 190px;
                                               left: 70px;
                                               delayin: 1200;
                                               durationin : 1500;
                                               slidedirection: right;
                                               easingin : easeOutQuart;
                                               delayout: 0;
                                               durationout : 1500;
                                               slideoutdirection: left;
                                               easingout : easeInOutQuint;
                                               ">We always strive for perfection</p>
                                            <p class="ls-s4 ls-sublabel" style="
                                               top: 215px;
                                               left: 70px;
                                               delayin: 1400;
                                               durationin : 1500;
                                               slidedirection: right;
                                               easingin : easeOutQuart;
                                               delayout: 0;
                                               durationout : 1500;
                                               slideoutdirection: left;
                                               easingout : easeInOutQuint;
                                               ">We use innovative methods</p>

                                            <a class="ls-s4 ls-label" href="./about.html" style="
                                               top: 255px;
                                               left: 70px;
                                               delayin: 1600;
                                               durationin : 1500;
                                               slidedirection: right;
                                               easingin : easeOutQuart;
                                               delayout: 0;
                                               durationout : 1500;
                                               slideoutdirection: left;
                                               easingout : easeInOutQuint;
                                               ">Read more <i class="icon-double-angle-right "></i></a>
                                        </div>
                                    </div>

                                </div>

                            </section>
                            <!-- end: Slider -->
                        </div>
                    </div>
                    <div class="sub-inner">
              <div class="row-fluid">
                  <div class="span4" style="padding:10px">
                      <legend><strong>Who We Are</strong></legend>
                      <p>We are a small and nimble creative web development studio based in Yogyakarta, Indonesia, offering a wide array of online solutions to businesses and individuals. We're dedicated and enthusiastic and have a great deal of experience with web sites, services and applications. We are practiced in dealing with diverse clientele ranging from local boutiques to international companies. </p>
                  </div>
                  <div class="span4" style="padding:10px">
                    <legend><strong>Our Services</strong></legend>
                    <p>
                      We specialize in building clean, unique, and usable web sites and web applications. We employ the bleeding-edge technologies and applications to ensure that our clients have great sites with great connections. Your satisfaction is our number one priority.
                      </p>

                  </div>
                  <div class="span4" style="padding:10px">
                      <legend><strong>Recent Project</strong></legend>
                      <section class="row filtrable portfolio thumbnails" style="text-align:center;">
                      <article data-id="id-1" class="span12" style="text-align:center;">
                          <div class="thumbnail hover-pf9" >
                              <img src="http://rekavisitama.net/rekavisitama/wp-content/uploads/2012/05/BSQ-Sistem-Antrian-Barcode1.png" alt="" style="width:100%;height:150px"/><!--  -->
                              <div class="mask-1"></div>
                              <div class="mask-2"></div>
                              <div class="caption">
                                  <h2 class="title"><a href="./portofolio/pilih-saya.html">Pilih Saya</a></h2>
                                  <p>Aplikasi bagi tim sukses pendukung calon pemilu</p>
                              </div>
                          </div>
                      </article>
                    </section>
                  </div>
              </div>
            </div>
                </section>
                <!-- end: Page section -->

            </div>
        </div>
        <!-- end: Container -->

        <!-- start: Footer -->
      <footer id="footer">
          <div class="container">
              <ul class="social clearfix">
                  <li><a href="#" data-original-title="Facebook">
                          <i class="icon-facebook-sign"></i>
                      </a></li>
                  <li><a href="#" data-original-title="Twitter">
                          <i class="icon-twitter-sign"></i>
                      </a></li>
                  <!-- <li><a href="#" data-original-title="Linkedin">
                          <i class="icon-linkedin-sign"></i>
                      </a></li>
                  <li><a href="#" data-original-title="Pinterest">
                          <i class="icon-pinterest-sign"></i>
                      </a></li> -->
                  <li><a href="#" data-original-title="Google+">
                          <i class="icon-google-plus-sign"></i>
                      </a></li>
              </ul>
          </div>

      </footer>
      <!-- end: Footer -->

      <!-- start: Footer menu-->
      <section id="footer-menu">
          <div class="container">
              <div class="row">
                  <div class="span4">
                      <p class="copyright">&copy; Copyright 2012. Powered by <a href="http://isatechindonesia.com/">Isatech Indonesia</a>.</p>
                  </div>
                  <div class="span8 hidden-phone">
                      <ul class="pull-right">
                          <li><i class="icon-map-marker"></i> Blimbingsari CT.IV/28A Depok Sleman Yogyakarta 55281</li>
                      </ul>
                  </div>
              </div>
          </div>
      </section>
      <!-- end: Footer menu-->
    </body>
</html>
